/*主面板样式*/
#container {
    width:100%;
    margin:0px auto;/*主面板DIV居中*/
}
.user-headface{
    position: absolute;
    top: 25px;
    right: 30px;
    border-radius: 50%;
}
.user-headface img{
    border-radius: 50px;
}
/*搜索面板样式*/
#header {
    width:100%;
    height:110px;
    /*border:1px #F00 solid;*/
    background-image: url("../img/bc.jpg");
}
/*TOP榜部分面板样式*/
#main {
    width:100%;
    height:1000px;
    /*border:1px #D5D5D5 solid;*/
}
/*超链接样式*/
            /* unvisited link */
        a:link {
            color: #d06925;
        }

        /* visited link */
        a:visited {
            color: #3399cc;
        }

        /* mouse over link */
        a:hover {
            color: white;
            background-color: #0eb0d2;
        }

        /* selected link */
        a:active {
            color: blue;
        }
/*个人中心*/
.myhead {
    width:84px;
    height:84px;
    margin-top: -80%;
    margin-left: 35%;
    background-image: url("../img/userpic.jpg");
    background-size: 90% 90%;
    border-radius:50%
}
.mycenter{
    width:100px;
    height:100px;
    margin-top: 16px;
    margin-left: 78%;
    background-color: transparent;
}

#medium_title {
    color:black;
    font-family: 华文行楷;
    font-size: 40px;
    margin-left: 300px;
    margin-top: 20px;
    margin-right: 30px;
}
/*电影名称样式*/
#title {
    color:black;
    font-family: 华文行楷;
    text-align:right;
    margin-top: 15px;
    margin-right: 30px;
    color: steelblue;
}
/*布局*/
.title {
    float:left;
    width:40%;
    height:70%;
    /*background-color: whitesmoke;*/
    margin-top: 23px;
}
.mvname {
    float:left;
    width:100%;
    height:50px;
    /*background-color: whitesmoke;*/
    margin-top: 40px;
}
.sidebar {
    float:left;
    width:37%;
    height:100%;
}
.content {
    float:left;
    width:48%;
    height:100%;
    /*background-color: palegreen;*/
}
.cat {
    float:left;
    width:15%;
    height:100%;
    background-color: white;
}
/**/

/*搜索框*/
* {
    margin: 0;
    padding: 0;
}
.container {
    height: 70px;
    width: 800px;
    margin: 10px auto 0 auto;
}
.parent {
    position: relative;
}
.search {
    width: 300px;
    height: 40px;
    border-radius: 18px;
    outline: none;
    border: 1px solid ;
    padding-left: 20px;
    position: absolute;
    margin-top: 33px;
}
.search {
    width: 300px;
    height: 40px;
    border-radius: 18px;
    outline: none;
    border: 1px solid ;
    padding-left: 20px;
    position: absolute;
    margin-top: 33px;
}
.btn_search {
    height: 35px;
    width: 30px;
    position: absolute;
    background-image: url("../img/search.png");
    background-color: transparent;
    background-size: 90% 90%;
    top: 6px;
    border: none;
    outline: none;
    cursor: pointer;
    margin-top: 30px;
    margin-left: 17%;
}
/**/

/*介绍（右）*/
.p_right {
    width: 250px;
    margin-left: 30px;
    margin-top: 80px;
    font-family: 宋体;
    font-size: 15px;
}

/*广告（右）*/
.ad_right {
    width: 250px;
    height: 200px;
    margin-left: 30px;
    margin-top: 45px;
}

/*电影海报*/
.picture {
    float:left;
    width:18%;
    height:220px;
    margin-left: 0px;
    margin-top: 25px;
    /*background-color: #0eb0d2;*/
}

/*电影介绍*/
.instroction {
    float:left;
    width: 50%;
    height: 200px;
    font-size: 13px;
    margin-left: 18px;
    margin-top: 25px;
    font-family: 微软雅黑;
    color: #666666;
    line-height: 20px;
}

/*电影评分*/
.score {
    float:left;
    width:25%;
    height:310px;
    margin-left: 5px;
    /*margin-top: 5px;*/
    /*background-color: palegoldenrod;*/
    border-width: 1px;
    border-style: dotted  ;
    border-color:#D5D5D5;
/*分别为 上→左右→下 边框设置*/
}
.star {
    font-size: 13px;
    font-family: 微软雅黑;
    color: #666666;
    line-height: 25px;
}
/*电影来源*/
.origin {
    width: 300px;
    height: 200px;
    margin-left: 50px;
    margin-top: 110px;
    background-color: #EEEEE0;
}
.p1 {
    /*font-family: 微软雅黑;*/
    font-size: 15px;
    color: #669966;
    margin-left: 10px;
    line-height: 15px;
}
.p2 {
    margin-left: 15px;
    margin-top: 15px;
    font-size: 13px;
}
.p3_1 {
    float: left;
    margin-left: 71px;
    font-size: 13px;
    color: #A2A2A2;
}
.p3_2 {
    float: left;
    margin-left: 59px;
    font-size: 13px;
    color: #A2A2A2;
}
.p3_3 {
    float: left;
    margin-left: 90px;
    font-size: 13px;
    color: #A2A2A2;
}
.p4 {
    float: left;
 }
.p5 {
    color: #cccccc;
}

/*收藏*/
.collect {
    width: 50%;
    height: 60px;
    margin-top: 360px;
    /*background-color: pink;*/
}
.button { /* 按钮美化 */
    width: 50px; /* 宽度 */
    height: 25px; /* 高度 */
    border-width: 0px; /* 边框宽度 */
    border-radius: 3px; /* 边框半径 */
    background: #ffcc99; /* 背景颜色 */
    cursor: pointer; /* 鼠标移入按钮范围时出现手势 */
    outline: none; /* 不显示轮廓线 */
    font-family: Microsoft YaHei; /* 设置字体 */
    color: black; /* 字体颜色 */
    font-size: 10px; /* 字体大小 */
    margin-bottom: 10px;
    /*margin-left: 15px;*/
}
.button:hover { /* 鼠标移入按钮范围时改变颜色 */
    background: #ff9900;
}

/*剧情简介*/
.story {
    width: 100%;
    height: 300px;
    margin-top: 70px;
    /*margin-top: 60px;*/
    /*background-color: blueviolet;*/
}
.p_story {
    text-indent:2em;
    font-size: 13px;
    margin-left: 10px;
    margin-top: 25px;
    font-family: 微软雅黑;
    color: #666666;
    line-height: 20px;
}